<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>钱包盒子-现金贷</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../Public/css/Home/mui.css" />
		<link rel="stylesheet" href="../Public/css/Home/public.css" />
		<link rel="stylesheet" href="../Public/css/Home/post-form.css" />
	</head>

	<body class="bg-white">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">现金贷</h1>
		</header>
		<div class="mui-content mui-scroll-wrapper bg-white">
			<div class="mui-scroll">

				<div class="cash-loan-head" style="background-image: url(../Public/img/bg2.png);">
					<div class="cash-loan-box">
						<div class="cash-loan-card">
							<div class="cont">
								<div class="tit mui-ellipsis">简单流程 极速放款</div>
								<div class="quota">
									<span class="quota-tit">最高额度</span><span class="num">100000</span><span class="unit">元</span>
								</div>
							</div>
							<div class="text"></div>
						</div>
					</div>
				</div>

				<ul class="process-list clearfix">
					<li>填写资料</li>
					<li>提交审核</li>
					<li>极速放款</li>
					<li>闪电放款</li>
				</ul>

				<div class="post-form">
					<div class="fc2-2">请选择借款金额</div>
					<div class="fc1-3 mt20 tr"><span id="sumRangeVal">8000</span>元</div>
					<div class="mui-input-row mui-input-range">
						<input type="range" id="sumRange" value="8000" min="1000" max="10000">
					</div>
					<div class="fc3-1 clearfix">
						<span class="fl">1000元</span>
						<span class="fr">10000元</span>
					</div>
					<button id="sendBtn" class="mui-btn mui-btn-block send-btn" type="button">立即借款</button>
				</div>

			</div>
		</div>
	</body>
	<script src="../Public/js/Home/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../Public/js/Home/mui.js" type="text/javascript" charset="utf-8"></script>
	<script src="../Public/js/Home/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var type = 1;
		var money = 8000;
		var cycle = '';
		var purpose = '';
		var repayment = '';
		
		mui.init({
			swipeBack: true //启用右滑关闭功能
		});

		mui('.mui-scroll-wrapper').scroll({
			deceleration: 0.0005
		});

		document.getElementById('sumRange').addEventListener('input', function() {
			document.getElementById('sumRangeVal').innerHTML = this.value;
			money = this.value;
		});
		
		document.getElementById("sendBtn").addEventListener('tap', function() {
                        common.setLocVal("money",money);
                        common.setLocVal("cycle",cycle);
                        common.setLocVal("purpose",purpose);
                        common.setLocVal("repayment",repayment);
                        common.setLocVal("type",type);
			mui.openWindow({
				url: "perfect_info.html",
				id: "perfect_info",
				extras: {
					money: money,
					cycle: cycle,
					purpose: purpose,
					repayment: repayment,
					type: type
				}
			})
		});
	</script>

</html>